import type { Metadata } from 'next';
import './globals.css';

export const metadata: Metadata = {
  title: '智能文案生成器 - 多平台内容创作工具',
  description: '支持抖音、今日头条、小红书等14个平台的智能文案生成工具，一键生成吸引人的标题和内容',
  keywords: '文案生成,内容创作,多平台发布,AI写作,营销文案',
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="zh-CN">
      <body className="min-h-screen bg-background font-sans antialiased">
        <div className="relative flex min-h-screen flex-col">
          <header className="sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
            <div className="container mx-auto px-4 py-4">
              <div className="flex items-center justify-between">
                <div className="flex items-center space-x-3">
                  <span className="text-2xl">✨</span>
                  <div>
                    <h1 className="text-xl font-bold">智能文案生成器</h1>
                    <p className="text-sm text-muted-foreground">多平台内容创作工具</p>
                  </div>
                </div>
                
                <div className="flex items-center space-x-2 text-sm text-muted-foreground">
                  <span>支持</span>
                  <span className="font-medium text-foreground">14</span>
                  <span>个主流平台</span>
                </div>
              </div>
            </div>
          </header>
          
          <main className="flex-1">
            {children}
          </main>
          
          <footer className="border-t border-border bg-background">
            <div className="container mx-auto px-4 py-6">
              <div className="text-center text-sm text-muted-foreground">
                <p>智能文案生成器 - 让内容创作更简单高效</p>
                <p className="mt-1">支持抖音、头条、小红书、CSDN、掘金等主流平台</p>
              </div>
            </div>
          </footer>
        </div>
      </body>
    </html>
  );
}